@charset "utf-8";
/**
 * Created by younger on 2016/03/05.
 */

@mixin pager(
  $line-height:1em,
  $bg:#666666,
  $padding:5px 13px,
  $border:1px solid #666,
  $border-radius:2px,
  //hover
  $hover-bg:inherit,
  //disabled
  $disabled-color:#ddd,
  $disabled-bg:#ccc,
  $cursor-disabled:not-allowed
) {
  padding-left: 0;
  margin: $line-height 0;
  list-style: none;
  text-align: center;
  line-height: $line-height;
  @extend %clearfix;

  li {
    display: inline;
    > a,
    > span {
      display: inline-block;
      padding: $padding;
      background-color: $bg;
      border:$border;
      border-radius: $border-radius;
    }

    > a:hover,
    > a:focus {
      text-decoration: none;
      //background: $hover-bg;
      //  添加阴影
      box-shadow: inset 0 0 3.6px 1px #cccccc;
    }
  }

  > .next {
    > a,
    > span {
      float: right;
    }
  }

  > .previous {
    > a,
    > span {
      float: left;
    }
  }

  > .disabled {
    > a,
    > a:hover,
    > a:focus,
    > span {
      color: $disabled-color;
      background-color: $disabled-bg;
      cursor: $cursor-disabled;
    }
  }
}
